<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>云钢</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        .aui-bar-light{ color: black; }
        .aui-bar-nav.aui-bar-light .aui-iconfont{ color: black; }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav aui-bar-light" id="header">
        <a class="aui-pull-left aui-btn" onclick="backpage()">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">消息中心</div>
    </header>
    <div id="app" v-cloak>
        <div class="aui-content margin">
            <ul class="aui-list aui-media-list bg0">
                <li class="aui-list-item aui-list-item-middle margin-bottom bg-white">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media" style="width: 3rem;">
                            <img src="../image/send/xx01.png" class="aui-img-round aui-list-img-sm">
                        </div>
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text">
                                <div class="aui-list-item-title aui-font-size-14 text-bold">系统提醒</div>
                                <div class="aui-list-item-right">2021-06-28</div>
                            </div>
                            <div class="aui-list-item-text">
                                系统为您匹配到一条合适的采购信息
                            </div>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item aui-list-item-middle margin-bottom bg-white">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media" style="width: 3rem;">
                            <img src="../image/send/xx02.png" class="aui-img-round aui-list-img-sm">
                        </div>
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text">
                                <div class="aui-list-item-title aui-font-size-14 text-bold">公告资讯</div>
                                <div class="aui-list-item-right">2021-06-28</div>
                            </div>
                            <div class="aui-list-item-text">
                                五一出游，别忘了戴口罩
                            </div>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item aui-list-item-middle margin-bottom bg-white">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media" style="width: 3rem;">
                            <img src="../image/send/xx03.png" class="aui-img-round aui-list-img-sm">
                        </div>
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text">
                                <div class="aui-list-item-title aui-font-size-14 text-bold">采购通知</div>
                                <div class="aui-list-item-right">2021-06-28</div>
                            </div>
                            <div class="aui-list-item-text">
                                您收到一条采购商的消息，点击查看详情
                            </div>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item aui-list-item-middle margin-bottom bg-white">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media" style="width: 3rem;">
                            <img src="../image/send/xx04.png" class="aui-img-round aui-list-img-sm">
                        </div>
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text">
                                <div class="aui-list-item-title aui-font-size-14 text-bold">供货通知</div>
                                <div class="aui-list-item-right">2021-06-28</div>
                            </div>
                            <div class="aui-list-item-text">
                                您收到一条供货商的消息，点击查看详情
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript">

    var vm = {
        el: '#app',
        data: {
            list: []
        },
        mounted: function(){
            this.getList();
        },
        methods: {
            getList: function(){
                let that = this;
            }
        }
    }
    apiready = function() {
        $api.fixStatusBar(
            $api.byId("header")
        );
        window.app = new Vue(vm);


    };

    function backpage(){
        api.closeWin({
            name: api.winName
        })
        
    }

</script>

</html>
